import React from 'react'
import { Toast,NavBar  } from 'react-vant';
import { useNavigate } from 'react-router-dom';
import "../../scss/jjt/Personal.scss"
import { SettingO, ArrowLeft } from "@react-vant/icons";
import IconFont from "../publics/JjtIcon";
export default function Personal() {
    let navigate = useNavigate();
  return (
    <div className='personal'>
        <div className='personaltop'>
            <NavBar
                title="个人资料"
                
                // leftText="返回"
                // rightText={<SettingO/>}
                onClickLeft={() => {navigate("/myapp")}}
                onClickRight={() => Toast('按钮')}
            />
        </div>
        <div className='personalbottom'>
            <div className="personalbottomdetail">
                {/* <div className="personalbottomdetail1"><IconFont type={"icon-tongqin1"} style={{fontSize:"20px"}}></IconFont> </div> */}
                <div className="personalbottomdetail2">头像</div>
                <div className="personalbottomdetail3">
                {/* <span>有2条预约申请</span> */}
                <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft></div>
            </div>
            <div className="personalbottomdetail">
                {/* <div className="personalbottomdetail1"><IconFont type={"icon-shimingrenzheng"} style={{fontSize:"15px"}}></IconFont> </div> */}
                <div className="personalbottomdetail2">ID</div>
                <div className="personalbottomdetail3">
                {/* <span>有2条预约申请</span> */}
                <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft></div>
            </div>
            <div className="personalbottomdetail">
                {/* <div className="personalbottomdetail1"><IconFont type={"icon-lianxikefu1"} style={{fontSize:"20px"}}></IconFont> </div> */}
                <div className="personalbottomdetail2">昵称</div>
                <div className="personalbottomdetail3">
                {/* <span>有2条预约申请</span> */}
                <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft></div>
            </div>
        </div>
    </div>
  )
}
